草庐IT

IOS OpenGL ES GPUImage 图像缩放 GPUImageTransformFilter

全部标签

javascript - D3 缩放时保持线宽相同

下面创建两条粗细为8的线:vara=[23,50]for(b=0;b我有以下缩放功能functionzoomed(){vis.selectAll("line.route,line.stripe,line.stripep").attr("transform","translate("+zoom.translate()+")scale("+zoom.scale()+")")vis.selectAll("line.stripep").attr("stroke-width",8/(zoom.scale()))但是线宽没有变化,这是什么问题。我也试过:vis.selectAll("line.st

javascript - D3 V4 设置初始缩放级别

我刚开始使用D3V4,但我无法使用平移和缩放功能。问题是我希望初始比例值大于1,所以我使用zoom.scaleTo(svg,2);但是,一旦我平移或缩放,比例就会重置回1。这是JSFiddle上这种行为的示例,我做错了什么?JSFiddle 最佳答案 问题是:varsvg=d3.select("body").append("svg").attr("width",600).attr("height",600).call(zoom).append("g");您正在将group元素而不是svg元素分配给变量svg。zoom已正确应用于sv

使图像旋转以始终查看鼠标光标的 Javascript?

我试图让一个箭头指向我在javascript中的鼠标光标。现在它只是剧烈地旋转,而不是指向光标。这是我的一小段代码:https://jsfiddle.net/pk1w095s/下面是代码本身:varcv=document.createElement('canvas');cv.width=1224;cv.height=768;document.body.appendChild(cv);varrotA=0;varctx=cv.getContext('2d');vararrow=newImage();varcache;arrow.onload=function(){cache=this;ct

javascript - 带有 `crossOrigin="匿名 "` can' t 的图像标签从 S3 加载成功

在javascript中常量图像=新图像()image.crossOrigin='匿名'image.src='https://s3.amazonaws.com/ch-static-beta/avatar/user/1a8fdd22d5ec11e784da0e28350150f71512059569.png'会得到一个错误httpheader是但是当我使用curl并使用此请求header时,响应将成功。像这样。 最佳答案 这是缓存问题,andachromebug*:*作为WONT-FIX关闭,chrome开发人员说这本身不是错误,它是

javascript - 什么是最好的 jQuery 产品缩放插件?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭11年前。我不是前端人员,只是学习jQuery,因此非常感谢任何帮助。什么是最简单、最稳定的jQuery缩放插件?我有一张常规尺寸的产品图片和一张详细图片。我需要能够以某种方式放大。你会推荐哪个?

javascript - 更改图像的 alpha

如何在javascript中更改图像的alpha?另外,哪些浏览器支持此功能? 最佳答案 使用jQuery:$(something).css('opacity',0.5);这将适用于所有浏览器。但是,它无法在IE7和8中正确处理半透明PNG图像,除非使用过滤器应用它们。 关于javascript-更改图像的alpha,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/2760589/

javascript - 如何使用 jquery 将 img src 字符串从以 _m 结尾更改为 _t 一组图像

我希望在正确的方向上得到很好的插入我想改变我的图像源字符串的结尾......我希望我的措辞是正确的。无论如何,我当前的src正在阅读:我想把它改成:有什么想法吗...谢谢! 最佳答案 这个比较安全:$('img').each(function(){varsrc=$(this).attr('src');$(this).attr('src',src.replace(/_m(\.[^.]+)?$/,'_t$1');});否则,在使用eKek0的答案时,您可能会冒着像/bat_man/images/oh_my_god_m.png这样的URL

javascript - 在没有 `<img>` 标记的 JavaScript 中确定图像大小

使用JavaScript,如何在不将图像插入文档的情况下确定文档中不存在的图像的大小?我可以使用AJAX下载图像并以编程方式检查其高度和宽度吗?有点像...varxmlhttp=newXMLHttpRequest();xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState==4&&xmlhttp.status==200){varimageSize=MEGIC_GET_FILE_SIZE_FUNCTION(xmlhttp);alert("Theimageis"+imageSize.width+","+imageSize.he

javascript - 通过 JS 在 svg 中添加图像命名空间仍然没有显示图片

在通过图片的缩放版本获取参数后,我尝试通过Javascript在SVG中添加具有原始尺寸参数的图片。Firebug向我展示了元素和所有必要的参数,但祝我好运,我没有通过。this.svg=document.getElementsByTagNameNS('http://www.w3.org/2000/svg','svg');varbild=document.createElementNS('http://www.w3.org/2000/svg','image');varBildURL=this.image[0][0].getAttribute('xlink:href');varimgX=

Javascript 将图像排列成一堆卡片

我是javascript的新手,所以我确信我对它的理解有很多缺失。我正在尝试做的是创建一层图像,使其看起来像一堆卡片。看过类似的代码并尝试遵循他们的想法,但我就是无法正确定位图像。所有10张左右的图像都放在完全相同的位置。能帮忙看看为什么不定位吗?还有什么是“em”。我找不到任何关于它的文献,但假设它是像px这样的测量em??为什么在""中?functionDisplay(){varel;varleft=0;vartop=0;vari=0;varn=deck.length;varcardNode;varimg=document.createElement("IMG");img.src=